import React, { Component } from 'react';
import { Icon } from 'antd';

export default class My extends Component {
  static propTypes = {

  };

  render() {
    return (
      <div className="my-my">
         <div className="top">
            <img src="https://gw.alicdn.com/tps/TB1W_X6OXXXXXcZXVXXXXXXXXXX-400-400.png" alt="" />
            <div className="user">
                <p className="phone f14">username</p>
                <p className="id f12">ID: userId</p>
                <a click="logout" className="f12">退出</a>
            </div>
        </div>
        <div className="mg-top-10 item padd-16 flex aic bg-fff">
            <i slot="icon" className="iconfont icon-caipiaozhuanhuan cyan f16"></i>
            <span slot="title" className="div-text fg2">影票订单</span>
            <span>0张 <Icon type="right" theme="outlined" className="c999"/></span>
        </div>

        <div className="mg-top-10 item padd-16 flex aic bg-fff">
            <i slot="icon" className="icon iconfont icon-SandGlass green"></i>
            <span slot="title" className="div-text fg2">影票代付订单</span>
             <span>0张 <Icon type="right" theme="outlined" className="c999"/></span>
        </div>

        <div className="mg-top-10 item padd-16 flex aic bg-fff">
              <i slot="icon" className="icon iconfont icon-mall blue"></i>
            <span slot="title" className="div-text fg2">商城订单</span>
             <span>0张 <Icon type="right" theme="outlined" className="c999"/></span>
        </div>

        <div className="mg-top-10 padd-16 bg-fff">
            <div className="flex aic item border-gray">
                <i slot="icon" className="icon iconfont icon-iconcoupon orange"></i>
                <span slot="title" className="div-text fg2">我的现金券</span>
                <span>0张 <Icon type="right" theme="outlined" className="c999"/></span>
            </div>
             <div className="flex aic item border-gray">
                 <i slot="icon" className="icon iconfont icon-coin pink"></i> 
                <span slot="title" className="div-text fg2">账户余额</span>
                <span>0元 <Icon type="right" theme="outlined" className="c999"/></span>
            </div>
             <div className="flex aic item">
                <i slot="icon" className="icon iconfont icon-card green"></i>
                <span slot="title" className="div-text fg2">我的卖座卡</span>
                <span>0张 <Icon type="right" theme="outlined" className="c999"/></span>
            </div>
        </div>
      </div>
    );
  }
}
